CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css如何设置图片轮廓

来源:网络整理  作者:  发布时间:2020-12-17 13:37
css设置图片轮廓的方法:可以利用outline属性来进行设置,如【outline:green dotted thick;】。outline是绘制于元素周围的一条...

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> img{ border:1px solid red; outline:green dotted thick; } </style> </head> <body> <img src=https://www.ym97.com/"../demo/1.jpg" width="400"/> </body> </html>

效果:

css如何设置图片轮廓

outline-style 规定边框的样式。参阅:outline-style 中可能的值。

outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

css设置图片轮廓的方法:可以利用outline属性来进行设置,如【outline:green dotted thick;】。outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

outline-width 规定边框的宽度。参阅:outline-width 中可能的值。

属性值:

本教程操作环境:Windows7系统、css3版,本文适用于所有品牌的电脑。

outline简写属性在一个声明中设置所有的轮廓属性。

inherit 规定应该从父元素继承 outline 属性的设置。

代码实现:

相关属性:

outline-color 规定边框的颜色。参阅:outline-color 中可能的值。

可以设置的属性分别是(按顺序):outline-color, outline-style, outline-width

4dfcf7ab522bb5aaa4c1e44a826cd55.png

(学习视频分享:css视频教程

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4835.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css如何设置图片轮廓

2020-12-17 编辑:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> img{ border:1px solid red; outline:green dotted thick; } </style> </head> <body> <img src=https://www.ym97.com/"../demo/1.jpg" width="400"/> </body> </html>

效果:

css如何设置图片轮廓

outline-style 规定边框的样式。参阅:outline-style 中可能的值。

outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

css设置图片轮廓的方法:可以利用outline属性来进行设置,如【outline:green dotted thick;】。outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

outline-width 规定边框的宽度。参阅:outline-width 中可能的值。

属性值:

本教程操作环境:Windows7系统、css3版,本文适用于所有品牌的电脑。

outline简写属性在一个声明中设置所有的轮廓属性。

inherit 规定应该从父元素继承 outline 属性的设置。

代码实现:

相关属性:

outline-color 规定边框的颜色。参阅:outline-color 中可能的值。

可以设置的属性分别是(按顺序):outline-color, outline-style, outline-width

4dfcf7ab522bb5aaa4c1e44a826cd55.png

(学习视频分享:css视频教程

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/4835.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页